// 主色
$color-primary: var(--color-primary);

// 辅助色
$color-info: var(--color-info);
$color-success: var(--color-success);
$color-warning: var(--color-warning);
$color-danger: var(--color-danger);

// 文字
$color-text-main: var(--color-text-primary);
$color-text-normal: var(--color-text-regular);
$color-text-sub: var(--color-text-secondary);
$color-text-placeholder: var(--color-text-placeholder);
$color-text-primary: var(--fill-text-color);
$color-text-default: var(--color-text-primary);
$color-text-hover: var(--color-primary-alp-9);
$color-text-active: var(--color-primary-light-2);
$color-text-second-title: var(--color-primary-light-3);
$color-text-second-title-is-active: var(--color-primary-light-4);
$color-text-danger: var(--color-danger);
// 边框
$color-border-1: var(--border-color-base);
$color-border-2: var(--border-color-light);
$color-border-3: var(--border-color-lighter);
$color-border-4: var(--border-color-extra-light);
$color-border-5: var(--color-primary-light-2);
$color-border-6: var(--color-primary-light-8);
$color-border-7: var(--color-primary-alp-9);
$color-border-8: var(--color-primary);
$color-border-9: var(--color-info-light-5);
$color-border-11: var(--color-info-light-8);
// 背景
$color-bg: var(--background-color-base);
$color-bg-primary: var(--color-primary);
$color-bg-default: var(--background-color-default);
$color-bg-container-aside: var(--background-color-container-aside);
$color-bg-gradient: var(--background-color-gradient);
$color-bg-gradient-second: var(--background-color-gradient-second);
$color-bg-card: var(--background-color-card);
$color-bg-card-gradient: var(--background-color-card-gradient);

$color-bg-btn-primary: var(--color-primary);
$color-bg-btn-primary-active: var(--color-primary-light-2);
$color-bg-btn-primary-hover: var(--color-primary-light-5);
$color-bg-btn-info-hover: rgba(64, 114, 238, 0.1);
$color-bg-btn-info-active: rgba(64, 114, 238, 0.2);
$color-bg-btn-danger: var(--color-danger);
$color-bg-btn-danger-active: var(--color-danger-light-2);
$color-bg-btn-danger-hover: var(--color-danger-light-5);


// 工具类名统一前缀
$prefix: ui;

$s12: 12px;
$s14: 14px;
$s16: 16px;
$s18: 18px;
$s20: 20px;
$s24: 24px;
$font-weight-light: 300;
$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-semibold: 600;

// public class for extend
// 禁止用户选中
%unable-select {
  user-select: none;
}

// 填满父元素
// 组要父元素 position: relative | absolute;
%full {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

// 设置统一的宽
%width {
  width: 100%;
  min-width: 1100px;
  // max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
